<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>es6-bable-broswerify</title>
		<!-- 引用打包好的js文件 -->
		<script type="text/javascript" src="./js/dist/bundle.js" ></script>
	</head>
	<body>
		<h1>操作顺序</h1>
		1. 按照目录结构建立好文件夹，编写 package.json 文件定同时定义.babelrc文件。<br/>
		2. 在 js/src 下编写源代码。<br/>
		3. 使用 npm 安装模块<br/>
		<pre>
			npm install babel-cli browserify -g 
			npm install babel-preset-es2015 --save-dev 			
		</pre>
		4. 编译打包：
		<pre>
			使用Babel将ES6编译为ES5代码(但包含CommonJS语法) : 
				babel js/src -d js/lib
			使用Browserify编译js : 
				browserify js/lib/main.js -o js/dist/bundle.js
		</pre>
	</body>
</html>
